<h2>Crear Orden de Servicio</h2>

<!--Este select es usado por en la función javascript nuevo_tr_tabla()     -->
<!--para obtener los valores de este y cargarlo en la función autocompletar-->

<!--formulario que contiene la tabla para generar la Orden de Servicio-->
<form name="form_os" method="post" onSubmit="return confirm('Los datos ingresados están correctos.\n¿Continuar?');" style="text-align: center; border-collapse:collapse;" >
<div class="left">
    Seleccionar Centro de Costos:
    <select id="centro_costos" name="centro_costos" style="">
        <?php foreach ($centros_de_costo as $centro_costos): ?>
        <option id="opt_centro_costos" style="color: #777 "> Sin Elección </option>
        <option id="opt_centro_costos"><?php echo $centro_costos->getNombre(); ?></option>
        <?php endforeach; ?>
    </select>
</div>
<br/><br/><br/>

<select id="sel_prov" style="display: none;">
    <?php foreach ($proveedores as $proveedor): ?>
    <option id="opt_prov"><?php echo $proveedor->getNombre(); ?></option>
    <?php endforeach; ?>
</select>

<script type="text/javascript" charset="utf-8">tablaDinamicaCrearOS('tabla_os');</script>


  <div style="text-align: left;">
    <input type="button" value="+" style="width: 20px" id="add"/>
    <b>Agregar Item</b>
    <input type="button" value="-"  style="width: 20px" id="delete"/>
    <b>Eliminar Item</b>
    <table id="tabla_os" cellpadding="0" cellspacing="0" width="820px">
       <thead>
          <tr>
            <th>Item</th>
            <th>Cantidad</th>
            <th>Unidad</th>
            <th>Descripción</th>
            <th>Proveedor Sugerido</th>
            <th>Costo Referencia</th>
            <th>Fecha de Cierre</th>
            <th>Tipo Solicitud</th>
            <td style="background-color: white ; "></td>
          </tr>
       </thead>
       <tbody>
          <tr>
            <td><strong>1</strong></td>
            <td><input align="right" maxlength="6" size="2" id="cant1" name="cant1" type="text" onkeypress='validate(event)' onpaste="return false;"/></td>
            <td id="td_tipo_unidad1">
                <select id="sel_tipos_unidad1" name="sel_tipos_unidad1">
                    <?php foreach ($tipos_unidad as $unidad): ?>
                    <option id="opt_tipo_unidad1" value=<?php echo $unidad->getTipoUnidad(); ?> >  <?php echo $unidad->getTipoUnidad(); ?> </option>
                    <?php endforeach; ?>
                </select>
            </td>
            <td><input id="desc1" name="desc1" type="text" maxlength="30" size="15" /></td>
            <td><input id="prov_sug1" name="prov_sug1" type="text" maxlength="30" size="15"/></td>
            <td><input id="cost_sug1" name="cost_sug1" type="text" maxlength="8" size="7" onkeypress='validate(event)' onpaste="return false;"/></td>
            <td><input id="f_sol1" name="f_sol1" type="text" maxlength="10" size="6" class="date-pick" readonly="true"/></td>
            <td id="td_tipo_os1">
                <select id="sel_tipo_os1" name="sel_tipo_os1">
                    <?php foreach ($tipos_solicitudes_os as $tipo): ?>
                    <option id="opt_tipo_os1" value=<?php echo $tipo->getTipo(); ?> >  <?php echo $tipo->getTipo(); ?> </option>
                    <?php endforeach; ?>
                </select>
            </td>
            <td style="background-color: white ; "></td>
          </tr>
       </tbody>
       <tfoot>
           <tr>
            <th>Item</th>
            <th>Cantidad</th>
            <th>Unidad</th>
            <th>Descripción</th>
            <th>Proveedor Sugerido</th>
            <th>Costo Referencia</th>
            <th>Fecha de Cierre</th>
            <th>Tipo Solicitud</th>
            <td style="background-color: white ; "></td>
           </tr>
       </tfoot>
    </table>

    <script type="text/javascript">llenar_prov_sug('#prov_sug1');</script>
    <b>Observaciones </b><br/><textarea ondblclick="this.focus()" id="obs_os" name="obs_os" onkeyPress="return limitar_textarea(this.value,event,140)" rows="2" cols="70" lang="spa">Sin Observaciones</textarea>
  </div>
  <br/><br/>
  <input type="submit" name="bt_enviar" value="Enviar Orden de Servicio" onclick="return campoVacio('centro_costos');"/>

  <input type="text" id="num_item_tabla_os" name="num_item_tabla_os" value="1" style="display: none" />
</form>


<script type="text/javascript" charset="utf-8">
    cargar_calendario();

</script>